<title>SuzumiyaHaruhi 帮助页</title>
<meta http-equiv="Content-Type" content="text/html" ; charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
<link rel="shortcut icon" href="https://himg.bdimg.com/sys/portrait/item/pp.1.a3ddae16.aaVVoaDOrGPgaVPxkwN14w.jpg?tt=1597994429974"
 type="image/x-icon" />
<!-- 引入css -->

<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.1/theme-chalk/index.min.css" rel="stylesheet">

<div class="cover" id="getplid" style="padding-top: 80px;">
<nav class="navbar navbar-default navbar-fixed-top nav-box-shadow" role="navigation">
			<div class="container">
				<h1>怎么获取歌单ID<small>以网易云和qq音乐为例子</small></h1>
			</div>
		</nav>
	<div class="container">
		<el-card class="box-card">
			<div slot="header" class="clearfix">
				<el-divider content-position="center">
					<h2>网易云Web版</h2>
				</el-divider>
			</div>
			<div class="text item">
				<h3>任意打开一个歌单<small>playlist?id=歌单ID</small></h3>
				<div class="col-md-10 col-lg-10 col-sm-10 col-xs-10 col-lg-offset-1 col-md-offset-1 col-sm-offset-1 col-xs-offset-1">
					<el-image fit="cover" class="img-thumbnail" src="./HelperImg/wymuisc_getplid.png" :preview-src-list="wypc_getplid"></el-image>
				</div>
			</div>
		</el-card><br /><br /><br /><br />
		<el-card class="box-card">
			<div slot="header" class="clearfix">
				<el-divider content-position="center">
					<h2>网易云手机app</h2>
				</el-divider>
			</div>
			<div class="row">
				<div class="text item">
					<h3>1.任意打开一个歌单<small>点击"分享"</small></h3>
					<div class="col-md-10 col-lg-10 col-sm-10 col-xs-10 col-lg-offset-1 col-md-offset-1 col-sm-offset-1 col-xs-offset-1">
						<el-image fit="cover" class="img-thumbnail" src="./HelperImg/wymusic_getplid_mobile1.jpg" :preview-src-list="wymobile_getplid"></el-image>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="text item">
					<h3>2.点击"复制链接"</h3>
					<div class="col-md-10 col-lg-10 col-sm-10 col-xs-10 col-lg-offset-1 col-md-offset-1 col-sm-offset-1 col-xs-offset-1">
						<el-image fit="cover" class="img-thumbnail" src="./HelperImg/wymusic_getplid_mobile2.jpg" :preview-src-list="wymobile_getplid"></el-image>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="text item">
					<h3>3.将链接粘贴<small>/playlist/歌单ID</small></h3>
					<div class="col-md-10 col-lg-10 col-sm-10 col-xs-10 col-lg-offset-1 col-md-offset-1 col-sm-offset-1 col-xs-offset-1">
						<el-image fit="cover" class="img-thumbnail" src="./HelperImg/wymusic_getplid_mobile3.jpg" :preview-src-list="wymobile_getplid"></el-image>
					</div>
				</div>
			</div>
		</el-card>
		<br /><br /><br /><br />
		<el-card class="box-card">
			<div slot="header" class="clearfix">
				<el-divider content-position="center">
					<h2>QQ音乐Web版</h2>
				</el-divider>
			</div>
			<div class="text item">
				<h3>任意打开一个歌单<small>/playlist/歌单ID</small></h3>
				<div class="col-md-10 col-lg-10 col-sm-10 col-xs-10 col-lg-offset-1 col-md-offset-1 col-sm-offset-1 col-xs-offset-1">
					<el-image fit="cover" class="img-thumbnail" src="./HelperImg/qqmusic_pc_getplid.png" :preview-src-list="qq_pc_getplid"></el-image>
				</div>
			</div>
		</el-card>
	</div>
</div>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.1/index.min.js"></script>
<script>
	new Vue({
		el: "#getplid",
		data() {
			return {
				wypc_getplid: ['./HelperImg/wymuisc_getplid.png'],
				wymobile_getplid: ['./HelperImg/wymusic_getplid_mobile1.jpg', './HelperImg/wymusic_getplid_mobile2.jpg',
					'./HelperImg/wymusic_getplid_mobile3.jpg'
				],
				qq_pc_getplid:['./HelperImg/qqmusic_pc_getplid.png']
			}
		}
	})
</script>
<style>
	.cover {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.cover::before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(http://www.cilicili.cc/api/images/bg/);
		filter: blur(5px);
		z-index: -1;
		background-size: cover;
	}
</style>
